import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import compressPlugin from "vite-plugin-compression";
import path from "path";
import postCssPxToRem from "postcss-pxtorem";
import autoprefixer from "autoprefixer";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    compressPlugin({
      ext: ".gz",
      deleteOriginFile: false, // 是否删除原始文件
    }),
  ],
  // vite 相关配置
  server: {
    port: 9527,
    host: true,
    open: false,
    proxy: {
      // https://cn.vitejs.dev/config/#server-proxy
      "/dev-api": {
        target: "http://localhost:8083",
        changeOrigin: true,
        rewrite: (p) => p.replace(/^\/dev-api/, ""),
      },
    },
  },
  css: {
    // 此代码为适配移动端
    // postcss: {
    //   plugins: [
    //     autoprefixer({
    //       overrideBrowserslist: [
    //         "Android 4.1",
    //         "iOS 7.1",
    //         "Chrome > 31",
    //         "ff > 31",
    //         "ie >= 8",
    //         "> 1%",
    //       ],
    //       grid: true,
    //     }),
    //     postCssPxToRem({
    //       rootValue: 37.5, // 1rem的大小
    //       unitPrecision: 5, // 小数位
    //       minPixelValue: 2, //可以被替换的最小像素
    //       selectorBlackList: [], // 忽略的样式, 正则
    //       propList: ["*"], // 需要转换的属性，这里选择全部都进行转换
    //     }),
    //   ],
    // },
  },
  resolve: {
    alias: {
      "@": path.join(__dirname, "src"),
    },
  },
});
